@charset "utf-8";
/* CSS Document */
@keyframes speedLines {
 from { background-position: 0 0; }
 to { background-position: -400px 400px; }
}

body {
	margin: 0;
}

section {
	p {
		margin-left: 2rem;
	}
}

h1 {
	display: flex;
	justify-content: space-between;
	margin-left: 6rem;
	margin-right: 6rem;
}
p {
	font-size: 40px; 
	text-align: left;
	color: red;
	font-family: "Oswald Medium";
}

ul {
	font-size: 40px;
	text-align: left;
	color: red;
	font-family: "Oswald Medium";

	list-style-type: "- ";
}

h2 {
	font-size: 100px;
	align-content: center;
	text-align: center;
	color: red;
	font-family: "Oswald Medium";
		background: repeating-linear-gradient(
   35deg,
   transparent,
   transparent 3px,
   rgba(255,255,255,0.2) 10px,
   rgba(255,255,255,0.2) 20px
	);
	animation: speedLines 0.5s linear infinite;
}

#references {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 2rem 0;

	color:red;
	font-size: 35px;

	.reference {
		border: 2px solid red;
		border-radius: 16px;

		padding: 2rem;

		.ref-title {
			font-size: 3rem;
		}

	}
}